<?php

/* @var $this \yii\web\View */
/* @var $content string */

use yii\helpers\Html;
use yii\bootstrap\Nav;
use yii\bootstrap\NavBar;
use yii\widgets\Breadcrumbs;
use frontend\assets\AppAsset;
use frontend\modules\yii\assets\FrameAsset;
use common\widgets\Alert;

//AppAsset::register($this);
$frame = FrameAsset::register($this);
?>
<?php $this->beginPage() ?>
<!DOCTYPE html>
<html lang="<?= Yii::$app->language ?>">
<head>
    <meta charset="<?= Yii::$app->charset ?>">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <?php $this->registerCsrfMetaTags() ?>
    <title><?= Html::encode($this->title) ?></title>
    <?php $this->head() ?>

    <style>
        /*去除原来黑色边框的样式*/
        .navbar-inverse {
            background-color: #2697ed;
            border-color: #2697ed;
        }
        .navbar .navbar-brand img {
            height: 40px;
            margin-top:-10px;
            max-width: 100%;
            vertical-align: middle;
            border-style: none;
        }
        .navbar-header {
            width: 100%;
        }
        nav > li > a {
            color: #fafafa;
        }
        /*点击菜单后在菜单下添加白色边框*/
        .navbar-nav > li.active > a {
            cursor:default;
            border-left:none;
            border-bottom:4px solid rgba(255,255,255,0.5);
            background-color:#2697ed!important;
            color: #fafafa!important;
            font-weight: 600;
        }
        .navbar-nav > li > a {
            cursor:default;
            border-left:none;
            background-color:#2697ed!important;
            color: #fafafa!important;
            font-weight: 600;
        }

        /*导航条样式*/
        .breadcrumb {
            position: fixed;
            top: 55px;
            padding: 8px 15px;
            /*margin-top: 55px;*/
            margin-bottom: 20px;
            list-style: none;
            background-color: #fff;
            border-bottom: 0.1px solid rgba(38,151,237,0.5);
            width: 100%;
            z-index: 1030;
            color: #2697ed;
        }

        /*主体部分*/
        .content-body {
            margin: 100px 210px 80px 210px;
        }

        /*侧边栏*/
        .sidebar {
            position: fixed;
            top: 92px;
            overflow: auto;
            max-height: calc(100vh - 92px);
            padding-top: 15px;
            padding-bottom: 20px;
            width: 200px;
        }

        .catalogue {
            position: fixed;
            top: 92px;
            right:0;
            overflow: auto;
            max-height: calc(100vh - 92px);
            padding-top: 15px;
            padding-bottom: 20px;
            width: 200px;
        }

        .footer {
            /*position: fixed;*/
            bottom: 0;
            background-color: white;
            width: 100%;
            height: 40px;
            z-index: 1031;
        }

        .sidebar a {
            color: #2697ed;
        }
        .catalogue > .nav > li > a {
            position: relative;
            display: block;
            padding: 5px 10px;
        }

        .catalogue a {
            color: #2697ed;
        }
        #catalogue .H2 {
            margin-left:10px;
        }
        #catalogue .H3 {
            margin-left:20px;
        }
        #catalogue .H4 {
            margin-left:30px;
        }

        :target::before {
            content: "";
            display: block;
            margin-top: -95px;
            height: 95px;
            width: 1px;
        }

    </style>
</head>
<body>
<?php
    $this->beginBody();
    echo $this->render('header', ['frame' => $frame, "breadcrumbs" => false]);
    echo $this->render('content', ['content' => $content]);
    //echo $this->render('footer');
    $this->endBody();
?>
</body>
</html>
<?php $this->endPage() ?>
